.hot{
    background: url(../images/coffee01.jpg) no-repeat;
    background-size: 100% 150px;
    .hot-top{
        height: 30px;
        padding: 10px;
        background-color: rgba(0,0,0,0.2);
        text-align: left;
        .hot-back{
            display: inline-block;
            height: 30px;
            width: 30px;
            background: url(../images/fanhui.png) no-repeat;
            background-size: 30px;
        }
    }
    .hot-hotgoods{
        margin-top: 100px;
        background-color: #fff;
        .hotgoods-title{
            display: flex;
            justify-content: space-between;
            .title{
                text-align: left;
                span{
                    padding-left: 10px;
                    font-size: 20px;
                    color: #333;
                    font-weight: bold;
                }
            }
            .more{
                padding-right: 10px;
                span{
                    display: inline-block;
                    width: 26px;
                    height: 26px;
                    background: url(../images/more.png) no-repeat;
                    background-size: 40px;
                    background-position: -6px -7px;
                }
            }
        }
        
    }
}